<template>
	<h4 class="title_lv2">通用数据结构</h4>
	
	<!-- 页面代码 源码 -->
	<dropWrap key="oreo">
	  <pre><code class="language-js">{{ htmlCode }} </code></pre>
	</dropWrap>
	<!-- 页面代码 源码 -->

</template>

<script lang="ts" setup>
	import { ref, onMounted, nextTick } from "vue";

	let htmlCode = ref<string>(`
		{
			code:200,
			data:{
				//业务数据(例如form表单数据，详情页面等)
				form_data:{
					input_key:{
						value:'',//参数值
						permission:{//相关权限
						   disabled:true,
						   readonly:false,
						   ishow:true
						},
						label:'名称',//标题/按钮名称
						...
					},
					select_key:{
						value:'',
						permission:{//相关权限
						   disabled:true,
						   readonly:false,
						   ishow:true
						},
						label:"审批人",
						option:[],//
						
						...
					},
					btn_key:{
						label:"",
						class_name:'',
						permission:{//相关权限
						   disabled:true,
						   readonly:false,
						   ishow:true
						},
					},
				},
				//报错信息提示等内容翻译
				language:{
					key_error1:value,
					key_error2:value,
					key_error3:value,
				}
			},
			message:''
		}

	`);
	
/*
生命周期
*/
onMounted(() => {
	nextTick(() => {
		Prism.highlightAll();
	});
});
</script>
<style scoped>
	
</style>